.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.full {
  width: 100%;
  height: 100%;
}
.clickhover {
  cursor: pointer;
}
.clickhover:hover {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.1);
}
.dt {
  display: table;
}
.dt .dr {
  display: table-row;
}
.dt .dc {
  display: table-cell;
  vertical-align: middle;
}
.w-1-1 {
  width: 100%;
  float: left;
}
.h-1-1 {
  height: 100%;
}
.w-1-2 {
  width: 50%;
  float: left;
}
.w-2-2 {
  width: 100%;
  float: left;
}
.h-1-2 {
  height: 50%;
}
.h-2-2 {
  height: 100%;
}
.w-1-3 {
  width: 33.33333333%;
  float: left;
}
.w-2-3 {
  width: 66.66666667%;
  float: left;
}
.w-3-3 {
  width: 100%;
  float: left;
}
.h-1-3 {
  height: 33.33333333%;
}
.h-2-3 {
  height: 66.66666667%;
}
.h-3-3 {
  height: 100%;
}
.w-1-4 {
  width: 25%;
  float: left;
}
.w-2-4 {
  width: 50%;
  float: left;
}
.w-3-4 {
  width: 75%;
  float: left;
}
.w-4-4 {
  width: 100%;
  float: left;
}
.h-1-4 {
  height: 25%;
}
.h-2-4 {
  height: 50%;
}
.h-3-4 {
  height: 75%;
}
.h-4-4 {
  height: 100%;
}
.w-1-5 {
  width: 20%;
  float: left;
}
.w-2-5 {
  width: 40%;
  float: left;
}
.w-3-5 {
  width: 60%;
  float: left;
}
.w-4-5 {
  width: 80%;
  float: left;
}
.w-5-5 {
  width: 100%;
  float: left;
}
.h-1-5 {
  height: 20%;
}
.h-2-5 {
  height: 40%;
}
.h-3-5 {
  height: 60%;
}
.h-4-5 {
  height: 80%;
}
.h-5-5 {
  height: 100%;
}
.w-1-6 {
  width: 16.66666667%;
  float: left;
}
.w-2-6 {
  width: 33.33333333%;
  float: left;
}
.w-3-6 {
  width: 50%;
  float: left;
}
.w-4-6 {
  width: 66.66666667%;
  float: left;
}
.w-5-6 {
  width: 83.33333333%;
  float: left;
}
.w-6-6 {
  width: 100%;
  float: left;
}
.h-1-6 {
  height: 16.66666667%;
}
.h-2-6 {
  height: 33.33333333%;
}
.h-3-6 {
  height: 50%;
}
.h-4-6 {
  height: 66.66666667%;
}
.h-5-6 {
  height: 83.33333333%;
}
.h-6-6 {
  height: 100%;
}
.w-1-7 {
  width: 14.28571429%;
  float: left;
}
.w-2-7 {
  width: 28.57142857%;
  float: left;
}
.w-3-7 {
  width: 42.85714286%;
  float: left;
}
.w-4-7 {
  width: 57.14285714%;
  float: left;
}
.w-5-7 {
  width: 71.42857143%;
  float: left;
}
.w-6-7 {
  width: 85.71428571%;
  float: left;
}
.w-7-7 {
  width: 100%;
  float: left;
}
.h-1-7 {
  height: 14.28571429%;
}
.h-2-7 {
  height: 28.57142857%;
}
.h-3-7 {
  height: 42.85714286%;
}
.h-4-7 {
  height: 57.14285714%;
}
.h-5-7 {
  height: 71.42857143%;
}
.h-6-7 {
  height: 85.71428571%;
}
.h-7-7 {
  height: 100%;
}
.w-1-8 {
  width: 12.5%;
  float: left;
}
.w-2-8 {
  width: 25%;
  float: left;
}
.w-3-8 {
  width: 37.5%;
  float: left;
}
.w-4-8 {
  width: 50%;
  float: left;
}
.w-5-8 {
  width: 62.5%;
  float: left;
}
.w-6-8 {
  width: 75%;
  float: left;
}
.w-7-8 {
  width: 87.5%;
  float: left;
}
.w-8-8 {
  width: 100%;
  float: left;
}
.h-1-8 {
  height: 12.5%;
}
.h-2-8 {
  height: 25%;
}
.h-3-8 {
  height: 37.5%;
}
.h-4-8 {
  height: 50%;
}
.h-5-8 {
  height: 62.5%;
}
.h-6-8 {
  height: 75%;
}
.h-7-8 {
  height: 87.5%;
}
.h-8-8 {
  height: 100%;
}
.w-1-9 {
  width: 11.11111111%;
  float: left;
}
.w-2-9 {
  width: 22.22222222%;
  float: left;
}
.w-3-9 {
  width: 33.33333333%;
  float: left;
}
.w-4-9 {
  width: 44.44444444%;
  float: left;
}
.w-5-9 {
  width: 55.55555556%;
  float: left;
}
.w-6-9 {
  width: 66.66666667%;
  float: left;
}
.w-7-9 {
  width: 77.77777778%;
  float: left;
}
.w-8-9 {
  width: 88.88888889%;
  float: left;
}
.w-9-9 {
  width: 100%;
  float: left;
}
.h-1-9 {
  height: 11.11111111%;
}
.h-2-9 {
  height: 22.22222222%;
}
.h-3-9 {
  height: 33.33333333%;
}
.h-4-9 {
  height: 44.44444444%;
}
.h-5-9 {
  height: 55.55555556%;
}
.h-6-9 {
  height: 66.66666667%;
}
.h-7-9 {
  height: 77.77777778%;
}
.h-8-9 {
  height: 88.88888889%;
}
.h-9-9 {
  height: 100%;
}
.w-1-10 {
  width: 10%;
  float: left;
}
.w-2-10 {
  width: 20%;
  float: left;
}
.w-3-10 {
  width: 30%;
  float: left;
}
.w-4-10 {
  width: 40%;
  float: left;
}
.w-5-10 {
  width: 50%;
  float: left;
}
.w-6-10 {
  width: 60%;
  float: left;
}
.w-7-10 {
  width: 70%;
  float: left;
}
.w-8-10 {
  width: 80%;
  float: left;
}
.w-9-10 {
  width: 90%;
  float: left;
}
.w-10-10 {
  width: 100%;
  float: left;
}
.h-1-10 {
  height: 10%;
}
.h-2-10 {
  height: 20%;
}
.h-3-10 {
  height: 30%;
}
.h-4-10 {
  height: 40%;
}
.h-5-10 {
  height: 50%;
}
.h-6-10 {
  height: 60%;
}
.h-7-10 {
  height: 70%;
}
.h-8-10 {
  height: 80%;
}
.h-9-10 {
  height: 90%;
}
.h-10-10 {
  height: 100%;
}
.w-1-11 {
  width: 9.09090909%;
  float: left;
}
.w-2-11 {
  width: 18.18181818%;
  float: left;
}
.w-3-11 {
  width: 27.27272727%;
  float: left;
}
.w-4-11 {
  width: 36.36363636%;
  float: left;
}
.w-5-11 {
  width: 45.45454545%;
  float: left;
}
.w-6-11 {
  width: 54.54545455%;
  float: left;
}
.w-7-11 {
  width: 63.63636364%;
  float: left;
}
.w-8-11 {
  width: 72.72727273%;
  float: left;
}
.w-9-11 {
  width: 81.81818182%;
  float: left;
}
.w-10-11 {
  width: 90.90909091%;
  float: left;
}
.w-11-11 {
  width: 100%;
  float: left;
}
.h-1-11 {
  height: 9.09090909%;
}
.h-2-11 {
  height: 18.18181818%;
}
.h-3-11 {
  height: 27.27272727%;
}
.h-4-11 {
  height: 36.36363636%;
}
.h-5-11 {
  height: 45.45454545%;
}
.h-6-11 {
  height: 54.54545455%;
}
.h-7-11 {
  height: 63.63636364%;
}
.h-8-11 {
  height: 72.72727273%;
}
.h-9-11 {
  height: 81.81818182%;
}
.h-10-11 {
  height: 90.90909091%;
}
.h-11-11 {
  height: 100%;
}
.w-1-12 {
  width: 8.33333333%;
  float: left;
}
.w-2-12 {
  width: 16.66666667%;
  float: left;
}
.w-3-12 {
  width: 25%;
  float: left;
}
.w-4-12 {
  width: 33.33333333%;
  float: left;
}
.w-5-12 {
  width: 41.66666667%;
  float: left;
}
.w-6-12 {
  width: 50%;
  float: left;
}
.w-7-12 {
  width: 58.33333333%;
  float: left;
}
.w-8-12 {
  width: 66.66666667%;
  float: left;
}
.w-9-12 {
  width: 75%;
  float: left;
}
.w-10-12 {
  width: 83.33333333%;
  float: left;
}
.w-11-12 {
  width: 91.66666667%;
  float: left;
}
.w-12-12 {
  width: 100%;
  float: left;
}
.h-1-12 {
  height: 8.33333333%;
}
.h-2-12 {
  height: 16.66666667%;
}
.h-3-12 {
  height: 25%;
}
.h-4-12 {
  height: 33.33333333%;
}
.h-5-12 {
  height: 41.66666667%;
}
.h-6-12 {
  height: 50%;
}
.h-7-12 {
  height: 58.33333333%;
}
.h-8-12 {
  height: 66.66666667%;
}
.h-9-12 {
  height: 75%;
}
.h-10-12 {
  height: 83.33333333%;
}
.h-11-12 {
  height: 91.66666667%;
}
.h-12-12 {
  height: 100%;
}
html {
  /* 滚动槽 */
  /* 滚动条滑块 */
}
html ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
html ::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  border-radius: 10px;
  width: 10px;
}
html ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #42b983;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
html ::-webkit-scrollbar-thumb:window-inactive {
  background: #42b983;
}
@font-face {
  font-family: 'PingFang SC';
  src: url("font/苹方字体.ttf");
}
body {
  font-size: 14px;
}
.number-font {
  font-family: 'din';
  font-size: 24px;
  font-weight: bold;
  color: #FFBB6F;
  letter-spacing: 1px;
}
.percent-font {
  font-family: 'PingFang';
  font-size: 18px;
  color: #fff;
}
.unit-font {
  font-size: 12px;
  color: #fff;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
::selection {
  background: hsla(180, 92%, 76%, 0.8);
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}
* {
  box-sizing: border-box;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.echarts {
  width: 100% !important;
  height: 100% !important;
}
.border {
  border: 1px solid #22aec5;
}
.block-padding {
  padding: 10px 20px;
}
html {
  font-size: 12px;
}
body {
  /* 滚动槽 */
  /* 滚动条滑块 */
}
body ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body ::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  border-radius: 10px;
  width: 10px;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #A0D2FF;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
body ::-webkit-scrollbar-thumb:window-inactive {
  background: #A0D2FF;
}
body {
  user-select: none;
}
.mouse-pointer {
  cursor: pointer;
}
